<template>
  <el-row class="cn">
    <el-col :span="12">
      <el-menu
        :default-active="this.$route.path"
        background-color="#012c4c"
        text-color="#fff"
        :router="true"
        active-text-color="#ffd04b"
      >
        <el-menu-item index="/studentinfo">
          <i style="color: #ffffff" class="el-icon-s-management"></i>
          <span slot="title">我的班级</span>
        </el-menu-item>
        <el-menu-item index="/teacherapplicant">
          <i style="color: #ffffff" class="el-icon-chat-line-round"></i>
          <span slot="title">学生请假</span>
        </el-menu-item>
        <el-menu-item index="/scoremanagment">
          <i style="color: #ffffff" class="el-icon-document"></i>
          <span slot="title">发布考试</span>
        </el-menu-item>
        <el-menu-item index="/classmanagement">
          <i style="color: #ffffff" class="el-icon-setting"></i>
          <span slot="title">平时作业</span>
        </el-menu-item>
        <el-menu-item index="/coursemanagement">
          <i style="color: #ffffff" class="el-icon-message-solid"></i>
          <span slot="title">问答社区</span>
        </el-menu-item>
        <!--            <el-menu-item index="/subjectmanagement">-->
        <!--                <i class="el-icon-setting"></i>-->
        <!--                <span slot="title">科目管理</span>-->
        <!--            </el-menu-item>-->
        <el-menu-item index="/personalinfo">
          <i style="color: #ffffff" class="el-icon-medal-1"></i>
          <span slot="title">知识点补充</span>
        </el-menu-item>
        <el-menu-item index="/video">
          <i style="color: #ffffff" class="el-icon-camera"></i>
          <span slot="title">教学资源</span>
        </el-menu-item>
        <el-menu-item index="/teacherpersonalinfo">
          <i style="color: #ffffff" class="el-icon-s-custom"></i>
          <span slot="title">个人信息</span>
        </el-menu-item>
      </el-menu>
    </el-col>
  </el-row>
</template>

<script>
export default {
  name: "Aside",
};
</script>

<style lang="less" scoped>
.el-col-12 {
  width: 100%;
}

.el-menu-item {
  background-color: #7b9bc5 !important;
  font-size: 14px;
  color: #303133;
  padding: 0 20px;
  cursor: pointer;
  transition: border-color 0.3s, background-color 0.3s, color 0.3s;
  box-sizing: border-box;
}

.cn {
  /*background-color: cadetblue;*/
}

//.el-aside {
//  color: #333;
//  text-align: center;
//    margin-top: 1px;
//}

element.style {
  width: 200px;
}
.el-aside[data-v-e8bb9fe4][data-v-e8bb9fe4] {
  background-color: #7b9bc5;
  color: #333;
  margin-top: 1px;
  text-align: center;
  line-height: 200px;
}
</style>
